@import "~ares-uikit/lib/style/base/variables.less";
@import "~ares-uikit/lib/style/base/mixins.less";

//数据属性item
.data-property {
  height: 80px;
  background-color: #fff;
  border-bottom: 1px solid @border-color-split;
  
  .data-property-item {
    text-align: center;
    padding: 11px 0;
  }

  .flexbox-item {
    position: relative;

    &::after {
      content: '';
      position: absolute;
      top: 15%;
      left: -10px;
      width: 1px;
      height: 70%;
      background-color: @border-color-split;
    }

    &:first-child {

      &::after {
        display: none;
      }
    }
  }

  .data-property-value {
    font-size: @font-size-display-sm;
    color: @color-text-base;
    line-height: 28px;
  }
  .data-property-label {
    font-size: @font-size-default;
    color: @color-text-caption;
    line-height: 24px;
  }
}